<template>
    <!--<el-radio-group v-model="isCollapse" style="margin-bottom: 20px">-->
    <!--<el-radio-button :label="false">expand</el-radio-button>-->
    <!--<el-radio-button :label="true">collapse</el-radio-button>-->
    <!--</el-radio-group>-->
    <el-menu
            active-text-color="#ffd04b"
            background-color="#545c64"
            class="el-menu-vertical-demo"
            default-active="2"
            text-color="#fff"
            @open="handleOpen"
            @close="handleClose"
    >
        <el-menu-item index="2">
            <i class="el-icon-menu"></i>
            <template #title>Navigator Two</template>
        </el-menu-item>
        <el-menu-item index="3">
            <i class="el-icon-document"></i>
            <template #title>Navigator Three</template>
        </el-menu-item>
        <el-menu-item index="4">
            <i class="el-icon-setting"></i>
            <template #title>Navigator Four</template>
        </el-menu-item>
    </el-menu>
</template>

<script>

    export default {

        data() {
            return {
                isCollapse: false
            };
        },
    }
</script>